<template>
  <div class="tabs-card-box">
    <CloudTabs
      v-model="currentTab"
      :tabList="tabList"
      @change="change"
      :borderBottom="false"
      type="card"
      size="large"
    >
    </CloudTabs>
  </div>
</template>

<script>
export default {
  title: '8.卡片式页签',
  data() {
    return {
      currentTab: '2',
      tabList: [{
        key: '1',
        tab: '客户订单',
        content: '客户订单'
      },
      {
        key: '2',
        tab: '退换货管理',
        content: '退换货管理'
      },
       {
        key: '3',
        tab: '交易成功',
        content: '交易成功'
      }
      ]
    }
  },
  methods: {
    change(val) {
      console.log(val);
    }
  }
}
</script>

<style lang="scss">
</style>